<template>
  <div class="btns">
    <div class="back" @click="goHome">
      <el-button type="primary" round>
        <SvgIcon name="back" /><span>返回首页</span></el-button
      >
    </div>
    <div class="symptomtxt"><span>症状导医</span></div>
    <div class="anew">
      <el-button type="success" round @click="anew">
        <SvgIcon name="create" />
        <span>重新导诊</span>
      </el-button>
    </div>
  </div>
</template>
<script setup lang="ts">
import { useRouter } from "vue-router";
import { ref } from "vue";
const router = useRouter();
const goHome = () => {
  router.push("/home");
};
const anew = () => {
  //router.push("/gudience");
  console.log("点击了重新导诊");
  router.push("/symptom");
};
</script>
<style lang="scss" scoped>
@import "@/styles/mixins.scss";
.btns {
  display: flex;
  justify-content: space-between;
  padding: 24px 30px;
  margin: 15px 0;
  height: 128px;

  .back {
    @include buttons;
  }
  .symptomtxt {
    width: 160px;
    height: 26px;
    padding-top: 10px;
    span {
      font-size: 40px;
      color: #000000;
      font-weight: 500;
    }
  }
  .anew {
    @include buttons;
  }
}
</style>
